<!DOCTYPE html>
<html lang="en">
<head>
    <base href=""/>
    <meta charset="UTF-8"/>
    <title>产品</title>
    <link type="text/css" rel="stylesheet" href="../PM/css/bootstrap.min.css"/>
    <link type="text/css" rel="stylesheet" href="../PM/css/bootstrap-datetimepicker.min.css"/>
    <link type="text/css" rel="stylesheet" href="../PM/css/product.css"/>

    <script type='text/javascript' src='../PM/js/jquery-1.10.2.min.js'></script>
    <script type='text/javascript' src='../PM/js/jquery.tips.js'></script>
    <script type='text/javascript' src='../PM/js/bootstrap.min.js'></script>
    <script type='text/javascript' src='../PM/js/bootstrap-datetimepicker.js'></script>
    <script type='text/javascript' src='../PM/js/bootstrap-datetimepicker.zh-CN.js'></script>
    <script type='text/javascript' src='../PM/js/jquery.tips.js'></script>
    <script type='text/javascript' src='../PM/js/common.js'></script>
    <script type='text/javascript' src='../PM/js/product.js'></script>
</head>
<body>
<div class="col-sm-12" id="backLogPage">
    <div id="BackLogLeftMenu">
        <div id="backLogProduct">
            <div id="productMenu">
                <img src="../PM/images/projects.png"/>
                <span id="productUnfurled" class="MenuSpanStyle" onclick="doGetAllProducts('productPackUp','backLogProducts','productUnfurled')" hidden="hidden">产品
                    <img class="MenuImgStyle" src="../PM/images/unfurled.png" />
                </span>
                <span id="productPackUp" class="MenuSpanStyle" onclick="toClose('productUnfurled','backLogProducts','productPackUp')" >产品
                    <img class="MenuImgStyle" src="../PM/images/pack-up.png" />
                </span>
            </div>
            <div id="backLogProducts">
            </div>
            <div class="col-sm-12" style="padding: 0;" hidden="hidden" id="showProjectMsg">
                <div class="col-sm-12" style="margin-bottom: 10px;">
                    <input id="projectNewName" name="projectNewName" type="text" class="form-control" placeholder="请输入产品名" />
                </div>
                <div class="col-sm-12" style="margin-bottom: 20px;">
                    <button type="button" class="btn btnBlue" onclick="addNewProjectSure();">
                        确认
                    </button>
                    <button type="button" class="btn btn-danger" onclick="hideProMsg()">
                        取消
                    </button>
                </div>
            </div>
            <div class="col-sm-12" style="padding: 0">
                <u><span class="commonBlueFont" id="addNewProject" onMouseOver="mmigration('addNewProject')" onMouseOut="shiftOut()" onclick="addNewProject()">添加产品</span></u>
            </div>
        </div>
    </div>
    <div id="BackLogRightMenu">
        <div class="col-sm-12" id="backLogFeed">
            <div style="float: right;cursor: pointer;">
                <a id="updateVersions">修改</a>
                <a id="deleteVersions">删除</a>
            </div>
            <p><span id="backLogFeedNumber">-</span></p>
            <div id="backLogFeedLists">
                <div class="FeedList">
                    <div class="col-sm-12">
                        <div class="col-sm-2 progress progressDiv toLoadDiv">
                            <div class="progress-bar progress-bar-info toLoadMsg" role="progressbar" id="toLoadMsg" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width:0%">
                                0%
                            </div>
                        </div>
                        <div class="col-sm-10">
                            <span class="marginRight2Ten">共: <span id="totleMsg">0</span>天</span>
                            <span class="marginRight2Ten">已完成: <span id="fulfillDay">0</span>天</span>
                            <span class="marginRight2Ten">剩余: <span id="residueDay">0</span>天</span>
                        </div>
                    </div>
                </div>
                <div class="FeedList">
                    <span>版本描述</span>
                </div>
                <div class="FeedList">
                    <span id="productVersionMsg">这里是版本描述</span>
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="col-sm-12" id="backLogNavigation">
            </div>
        </div>
        <div class="col-sm-12" id="backLogModular" >
            <div class="col-sm-12" id="divAllMsg">
            </div>
            <div class="col-sm-12" id="noData" hidden="hidden">
                <p>没有查询到数据</p>
            </div>
        </div>
    </div>
    <div id="addVersionsDiv" hidden="hidden">
        <div class="col-sm-12">
            <p>版本号: <input id="newVersionsName" name="newVersionsName" type="text" placeholder="请输入版本号" /></p>
            <div>
                <div class="FeedList">
                    <div class="col-sm-12" style="padding: 0">
                        <div class="col-sm-2 progress progressDiv toLoadDiv">
                            <div class="progress-bar progress-bar-info toLoadMsg" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width:00%">
                                0%
                            </div>
                        </div>
                        <div class="col-sm-10">
                            <span class="marginRight2Ten">共: <span id="totleMsg2">0</span>天</span>
                            <span class="marginRight2Ten">已完成: <span id="fulfillDay2">0</span>天</span>
                            <span class="marginRight2Ten">剩余: <span id="residueDay2">0</span>天</span>
                        </div>
                    </div>
                </div>
                <div class="FeedList">
                    <span>版本描述</span>
                </div>
                <div class="FeedList">
                    <span><textarea id="newVersions"></textarea></span>
                </div>
                <div class="FeedList">
                    <button type="button" class="btn btnBlue" id="sureAddVersions">
                        确认
                    </button>
                    <button type="button" class="btn btnBlue" id="NosureAddVersions" onclick="closeAddModule('addVersionsDiv');">
                        取消
                    </button>
                </div>
            </div>
        </div>
    </div>
    <div class="addBackLog" hidden="hidden">
        <div class="addBackLogMsg">
            <div class="col-sm-12 form-group"><label class="addBackLogTitle">添加Back Log</label> <span id="addBackLogTitle">模版名称</span></div>
            <form id="addBackLogMsgForm">
                <div class="col-sm-12 form-group">
                    <div class="col-sm-12 form-group">
                        <label class="col-sm-4 control-label labelTitle">工作分类:</label>
                        <div class="col-sm-7 partCondition" style="margin-top: 5px;">
                            <div class="col-sm-3" style="padding: 0"><input name="workType" type="radio" value="1" checked="checked"/>UI设计</div>
                            <div class="col-sm-3" style="padding: 0"><input name="workType" type="radio" value="4"/>前端</div>
                            <div class="col-sm-3" style="padding: 0"><input name="workType" type="radio" value="2"/>后端</div>
                            <div class="col-sm-3" style="padding: 0"><input name="workType" type="radio" value="3"/>测试</div>
                        </div>
                    </div>
                    <div class="col-sm-12 form-group">
                        <label for="workName" class="col-sm-4 control-label labelTitle">工作名称:</label>
                        <div class="col-sm-7 partCondition">
                            <input id="workName" name="workName" maxlength="50" class="form-control"/>
                        </div>
                    </div>
                    <div class="col-sm-12 form-group">
                        <label for="workPerson" class="col-sm-4 control-label labelTitle">工作人员:</label>
                        <div class="col-sm-7 partCondition">
                            <select id="workPerson" name="workPerson" class="form-control">
                                <option value="" selected="selected">请选择</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-sm-12 form-group">
                        <label for="expectDay" class="col-sm-4 control-label labelTitle">预期天数:</label>
                        <div class="col-sm-7 partCondition">
                            <input id="expectDay" name="expectDay" maxlength="50" class="form-control" onblur="promptResult('expectDay')"/>
                        </div>
                    </div>
                    <div class="col-sm-12 form-group form-date">
                        <label for="expectStart" class="col-sm-4 control-label labelTitle">开始时间</label>
                        <div id="expectStart" class="col-sm-6 input-group date" data-date-format="yyyy-mm-dd" style="float: left;margin-left:20px;">
                            <input id="expectStartDay" name="expectStartDay" class="form-control" type="text"/>
                            <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                        </div>
                    </div>
                    <div class="col-sm-12 form-group form-date">
                        <label for="expectEnd" class="col-sm-4 control-label labelTitle">结束时间</label>
                        <div id="expectEnd" class="col-sm-6 input-group date" data-date-format="yyyy-mm-dd" style="float: left;margin-left:20px;">
                            <input id="expectEndDay" name="expectEndDay" class="form-control" type="text"/>
                            <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                        </div>
                    </div>
                    <div class="col-sm-12 form-group">
                        <button type="button" id="addBackLogMsgSure" class="btn btn-primary" style="margin-top: 2px;padding: 4px 9px;" onclick="addBackLogMsgSure">确定</button>
                        <button type="button" class="btn btn-danger" data-dismiss="modal" style="margin-top: 2px;padding: 4px 9px;" onclick="hideBackLogMsg()">取消</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="addFeedBack" hidden="hidden">
        <div class="addBackLogMsg">
            <div class="col-sm-12 form-group"><label class="addBackLogTitle">添加反馈</label> <span id="addFeedBackTitle">模版名称</span></div>
            <form id="addFeedBackMsgForm">
                <div class="col-sm-12 form-group">
                    <div class="col-sm-12 form-group">
                        <label class="col-sm-4 control-label labelTitle">问题描述:</label>
                        <div class="col-sm-7 partCondition" style="margin-top: 5px;">
                            <textarea  id="FeedBackMsg"></textarea>
                        </div>
                    </div>
                    <div class="col-sm-12 form-group">
                        <button type="button" id="addFeedBackMsgSure" class="btn btn-primary" style="margin-top: 2px;padding: 4px 9px;" onclick="addFeedBackMsgSure">保存</button>
                        <button type="button" class="btn btn-danger" data-dismiss="modal" style="margin-top: 2px;padding: 4px 9px;" onclick="hideBackLogMsg()">取消</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>
